<div ng-init="init();" class="kmi-layout-content mobile06-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'mobile06.title' | translate"></div>
    </div>
    <div class="kmi-layout-main-content system-info">
        <div class="kmi-row-fields">
            <div class="column-item">
                <label class="label" ng-bind="'mobile06.wo_no' | translate"></label>
                <input class="value" ng-keypress="input_wo_no($event);" id="input_wo" ng-model="barcode_wo_no" style="margin-left: 8px;"/>
                <!-- <input class="value" ng-model="barcode_wo_no" style="margin-left: 8px;" ng-click="loadWoNoList()"/> -->
                <!-- <div class="tip"><i class="material-icons">&#xE5CF;</i></div> -->
                <div class="tip search" ng-click="loadWoNoList();">
                    <img src="image/icons/search.png"></img> 
                </div>
                <div class="qrcode-btn" ng-click="QRCodeScanner('input_wo');">
                    <img src="image/icons/QRCode.png">
                </div>
            </div>
        </div>
        <div class="kmi-row-fields" style="border-bottom:1px #cecece solid;">
            <div class="column-item">
                <label class="label" ng-bind="'mobile06.plot_no' | translate"></label>
                <input class="value" ng-keypress="input_plot_no($event);" id="input_plot" ng-model="barcode_plot_no" style="margin-left: 8px;"/>
                <div class="tip search" ng-click="loadPlotNoList();">
                    <img src="image/icons/search.png"></img> 
                </div>
                <div class="qrcode-btn" ng-click="QRCodeScanner('input_plot');">
                    <img src="image/icons/QRCode.png">
                </div>
            </div>
        </div>
        <div class="kmi-tab-content" style="border-bottom:1px #cecece solid;">
            <div class="tab" ng-click="changeTab($index)" ng-class="{'is-select':status.select}"
                ng-repeat="status in status_list">
                <label ng-bind="status.name+'('+getTabSize(status.value)+')'" ></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
        <div class="kmi-tab-contenters" contenter-data="status_list">
            <div class="kmi-list tab-contenter">
                <div class="kmi-list__row-content">
                    <div class="row-content " ng-repeat="item in warehouseInfo.plot_info_detail[do_flag] track by $index">
                        <div class="kmi-row-fields">
                            <div class="column-item left row-title" ng-bind="item.plot_no"></div>
                            <div class="column-item right" style="align-items: center;flex:initial;">
                                <div class="task-load-tag" ng-bind="item.op_no||'N/A'"></div>
                            </div>
                        </div>
                        <div class="kmi-row-fields">
                            <div class="column-item" ng-bind="('mobile06.item_name'| translate)+item.item_name"></div>
                        </div>
                        <div class="kmi-row-fields" style="position: relative;">
                            <div class="column-item left" ng-bind="('mobile06.wo_no'| translate)+item.wo_no"></div>
                            <i class="material-icons is-select" style="line-height: 28px; height: 28px;" ng-show="item.checked">&#xE834;</i>
                            <i class="material-icons" style="line-height: 28px; height: 28px;"  ng-hide="item.checked">&#xE835;</i>
                            <div class="kmi-can-click" ng-click="itemCheck(item);"></div>
                        </div>
                        <div class="kmi-row-fields" style="display: flex;"><!-- 新增類型 -->
                            <div ng-bind="'mobile06.type'| translate"></div>
                            <label ng-bind="'mobile06.do_flag_0' | translate" ng-if="item.DOFlag==0"></label>
                            <label ng-bind="'mobile06.non_do_flag' | translate" ng-if="item.DOFlag==1"></label>
                            <label ng-bind="'mobile06.sub_product' | translate" ng-if="item.DOFlag==2"></label>
                        </div>
                        <div class="kmi-row-fields" style="justify-content: flex-start;">
                            <div class="column-item" ng-bind="'mobile06.qty'| translate"></div>
                            <div style="display: flex; justify-content: flex-end;">
                                <!-- <input readonly="readonly" mdl-calculater="item.storage_qty" style="text-align: center; width: 100px;" class="ng-isolate-scope"> -->
                                <input type="text" readonly ng-click="check_storage_qty($event, item);" ng-model="item.storage_qty"></input>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="kmi-mobile__btn-content" style="text-align:center;">
            <button class="kmi-button__mobile" ng-click="confirm();" ng-disabled="false">
                <label ng-bind="'common.btn.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
        </div>
    </div>
</div>
